@extends('layouts.header')
@section('title','智慧实验室')
@section('style')
    body{
    height:100%;
    overflow:hidden;
    background-color:rgb(1, 75, 132);
    background: url('/admin/static/myfolder/img/zks/back2.png') no-repeat;
    background-size:100% 100%;
    font-size:100%;
    line-height:2;
    }

    table > thead > tr > th  {
    font-size:110%;
    color: rgb(17, 208, 201);
    font-weight: bold;
    letter-spacing:2px;
    text-align:center;
    }

    table > tbody > tr > td {
    background-color: rgb(1, 75, 132);
    color:#fff;
    border:#fff 1px solid;
    }
@endsection
@section('content')
    <article class="page-container">
        <div style="height: 90%;margin:2% 2%;">
            <table class="text-c" id="datatable" style="border-collapse:separate; border-spacing:2px 10px;">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>工器具名称</th>
                    <th>条形码</th>
                    <th>到期时间</th>
                </tr>
                </thead>
                <tbody style="margin-bottom: 1%;">
                @foreach($data as $k=>$item)
                    <tr>
                        <td>{{$k+1}}</td>
                        <td>{{$item->tool_name}}</td>
                        <td>{{$item->bar_code}}</td>
                        <td>{{$item->next_time}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </article>
    <script>
        $(function () {
            $('#datatable').DataTable({
                ordering:false,
                paging:false,
                info:false,
                searching:false,
                scrollY:"{{request('tb_height','450')}}",
            });
        })
    </script>
@endsection